/* Syntax Highlghter
----------------------------------------------- */
blockquote{
	font-family:Georgia, serif;
	font-size:15px;
	font-style:italic;
	margin:0.25em 0;
	padding:15px 20px 15px 50px;
	border:dashed 1px #ccc;
	line-height:1.45;
	color:#666;
	background:#fff url(//mastercode.googlecode.com/svn/trunk/data/img/main/bg-blockquote.gif) no-repeat 15px 18px;
	clear:both;
}
blockquote code{
	font-size:100%;
}
#comments blockquote,b[rel='quote']{
	background:#f9f7b8 url(//mastercode.googlecode.com/svn/trunk/data/img/main/icon-info.png) no-repeat 2% 50%;
	color:#2c3e50;
	line-height:22px;
	border:1px solid #e5e283;
	padding:12px 15px 12px 45px;
	margin:5px 0 20px 0;
	border-radius:5px;
	font-family:'Montserrat', 'Segoe UI',Arial,Tahoma, sans-serif;
	font-size:14px;
	font-style:normal;
}
pre{
	padding:.8em 1em;
	margin:1.5em 0;
	background-color:#2c3e50;
	font-size:13px;
	color:#839496;
	font-family:Consolas,'Andale Mono WT','Andale Mono','Lucida Console','Lucida Sans Typewriter','DejaVu Sans Mono','Bitstream Vera Sans Mono','Liberation Mono','Nimbus Mono L',Monaco,'Courier New',Courier,Monospace;
	line-height:1.4em;
	position:relative;
	white-space:pre-wrap;
	word-wrap:break-word;
	border-radius:3px;
}
pre::after{
	content:' ';
	width:0;
	height:0;
	opacity:0;
	visibility:hidden;
	position:absolute !important;
	right:13px;
	top:-7px;
	transition:.3s ease-out;
	border-color:#222 transparent transparent;
	border-style:solid;
	border-width:6px 6px 0;
}
pre::before{
	content:' Klik ganda untuk seleksi';
	width:117px;
	font-size:11px;
	font-family:Tahoma,arial,sans-serif;
	padding:3px 9px;
	opacity:0;
	visibility:hidden;
	position:absolute;
	top:-35px;
	right:0;
	transition:.3s ease-out;
	background:#222;
	color:#fff;
	border-radius:5px;
	padding:5px;
}
pre:hover::before, pre:hover::after{
	opacity:.5;
	visibility:visible;
}
#comments pre{
	color:#839496;
	font-family:Consolas,'Andale Mono WT','Andale Mono','Lucida Console','Lucida Sans Typewriter','DejaVu Sans Mono','Bitstream Vera Sans Mono','Liberation Mono','Nimbus Mono L',Monaco,'Courier New',Courier,Monospace;
	font-size:13px;
	margin-bottom:10px;
	margin-top:5px;
}
#comments pre::after{
	content:' ';
	width:0;
	height:0;
	opacity:0;
	visibility:hidden;
	position:absolute !important;
	right:13px;
	top:-7px;
	transition:.3s ease-out;
	border-color:#222 transparent transparent;
	border-style:solid;
	border-width:6px 6px 0;
}
#comments pre::before{
	content:' Klik ganda untuk seleksi';
	width:125px;
	font-size:11px;
	font-family:Tahoma,arial,sans-serif;
	padding:3px 9px;
	opacity:0;
	visibility:hidden;
	position:absolute;
	top:-35px;
	right:0;
	transition:.3s ease-out;
	background:#222;
	color:#fff;
	border-radius:5px;
	padding:5px;
}
#comments pre:hover::before, 
#comments pre:hover::after{
	opacity:.5;
	visibility:visible;
}
code{
	font-family:Consolas,'Andale Mono WT','Andale Mono','Lucida Console','Lucida Sans Typewriter','DejaVu Sans Mono','Bitstream Vera Sans Mono','Liberation Mono','Nimbus Mono L',Monaco,'Courier New',Courier,Monospace;
	font-size:13px;
	padding:2px 4px;
	color:#d14;
}
#comments code{
	font-family:Consolas,'Andale Mono WT','Andale Mono','Lucida Console','Lucida Sans Typewriter','DejaVu Sans Mono','Bitstream Vera Sans Mono','Liberation Mono','Nimbus Mono L',Monaco,'Courier New',Courier,Monospace;
	font-size:13.45px;
	padding:2px 4px;
	color:#d14;
}
#comments pre code{
	color:#9eb1b3;
}
pre,i[rel="pre"] {
padding:.8em 1em;
margin:0;
background-color:#2f3741;
border-left:4px solid #40627E;
font-size:13px;
color:#839496;
font-family: Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,Monospace;
line-height:1.4em;
position:relative;
white-space: pre;
word-wrap: normal;
white-space:pre;
overflow:auto
}
pre.line-number {
background:#2f3741 url(http://4.bp.blogspot.com/-13ewIh6Vm50/UnBe-_3zqDI/AAAAAAAAF-o/4FNnjpi-N5c/s1600/new-line-number.png)no-repeat top left;
padding-left:54px;
border-left:none;
}
  pre.line-number:after{
    content:"";
    width:35px;
    height:8px;
    background-color:#39424e;
    bottom:0;
    left:0;
    position:absolute;
  }

pre[data-codetype="CSS"]{border-left-color:#5fbbba}
pre[data-codetype="HTML"]{border-left-color:#4fc1eb}
pre[data-codetype="JavaScript"]{border-left-color:#ff6c60}
pre[data-codetype="JQuery"]{border-left-color:#99c262}

pre.line-number[data-codetype]:before {
content:attr(data-codetype);
display:block;
margin:-11px -13px 10px -54px;
padding:8px 12px;
font-family:Oswald,Arial,Sans-serif;
font-size:14px;
text-transform:uppercase;
background-color:#41749f;
color:white
}
pre.line-number[data-codetype="CSS"]:before{background-color:#a9d86e}
pre.line-number[data-codetype="HTML"]:before{background-color:#4fc1eb}
pre.line-number[data-codetype="JavaScript"]:before{background-color:#ff6c60}
pre.line-number[data-codetype="JQuery"]:before{background-color:#99c262}

code {
font-family: Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,Monospace;
font-size:13px;
color: #d14;
}
#comments code {
 color:#bbbb6d;
}

pre code {
padding:0 !important;
color: #a3a49a;
background: none !important;
border:none !important;
display:block;
}
pre mark {background-color:#1a5752;color:#a3a483}
pre .line-number {
  float:left;
  margin:0 1em 0 -1em;
  color:#61686d;
  background-color:#39424e;
  text-align:right;
  min-width:2.5em;
    padding-right:4px;
}
pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .pi,
pre .lisp .string,
pre .javadoc {
color: #586e75;
font-style: italic;
}
pre .keyword,
pre .winutils,
pre .method,
pre .addition,
pre .css .tag,
pre .request,
pre .status,
pre .nginx .title {
color: #859900;
}
pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .rules .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {
color: #7195a3;
}
pre .title,
pre .localvars,
pre .chunk,
pre .decorator,
pre .built_in,
pre .identifier,
pre .vhdl .literal,
pre .id,
pre .css .function {
color: #569dcf;
}
pre .attribute,
pre .variable,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .type {
color: #aa985a;
}
pre .preprocessor,
pre .preprocessor .keyword,
pre .shebang,
pre .symbol,
pre .symbol .string,
pre .diff .change,
pre .special,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata,
pre .clojure .title,
pre .css .pseudo {
color: #509a55;
}
pre .deletion {
color: #dc322f;
}
pre .tex .formula {
background: #073642;
}
.catatan{
	display:block;
	font-style:normal;
	color:#333;
	padding:15px 18px 15px 48px;
	position:relative;
	background-color:#f8e38d;
	border-radius:4px;
	border-bottom:1px solid rgba(0,0,0,.1);
}
.catatan:before{
	font-family:'fontAwesome';
	display:block;
	position:absolute;
	top:15px;
	left:16px;
	color:rgba(0,0,0,.18);
	font-size:24px;
	line-height:1;
}
.catatan:before{
	content:'\f05a';
}
.infoku{
	margin:15px 0 15px 0;
	padding:10px;
	background:#FBFFBF;
	color:#444;
	border:2px solid #FFD324;
	overflow:auto;
	width:96%;
	font-weight:normal !important;
	font-style:normal !important;
}
.infoku a{
	color:#E80000;
}
.note{
	background:#f9f7b8 url(//mastercode.googlecode.com/svn/trunk/data/img/main/icon-info.png) no-repeat 2% 50%;
	color:#2c3e50;
	line-height:22px;
	border:1px solid #e5e283;
	padding:12px 15px 12px 45px;
	margin:0;
	border-radius:5px;
	font-family:'Montserrat', 'Segoe UI',Arial,Tahoma, sans-serif;
	font-size:14px;
	font-style:normal;
}
img.ki-smiley{
	height:auto !important;
	vertical-align:middle !important;
	margin-bottom:3px;
	width:auto !important;
	border:0px !important;
	box-shadow:none;
}
mark{
	background:#d33f04;
	color:#fff;
	padding:1px 6px;
	margin-right:5px;
}
.spammer-detected{
	color:#888;
	font-style:italic;
	font-size:90%;
}
.copyright{
	font-size:11px;
}
.item-image{
	width:auto;
	padding:25px 0 15px 0;
	text-align:center;
	background:#dce4e5;
}